<template>
  <div>
    <Row class="menu">
      <i-col span="19" class="menu_left">
        <Icon type="ios-pin"/>
        <span>您现在的位置是:</span>
        <span class="span">{{title}}</span>
        <span>/</span>
        <span class="span">{{site}}</span>
      </i-col>
      <i-col span="4" class="menu_right">
        {{title}}
      </i-col>
    </Row>
  </div>
</template>

<script>
  export default {
    props: {
      title: {
        type: String,
      },
      site: {
        type: String,
      },
    }
  }
</script>

<style scoped>
  /*导航菜单*/
  .menu {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
  }

  .menu_left {
    font-size: 14px;
    padding: 10px 0;
  }

  .menu_right {
    border-left: 1px solid #ccc;
    padding: 9px 0px 7px 20px;
    font-size: 17px;
    color: #007;
    margin-left: 4px;
  }

  .menu .span {
    padding: 0 10px;
  }

  .menu .ivu-icon {
    color: #007;
  }
</style>
